import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Login from '@/pages/Login'
import Main from '@/pages/Main'
import Brand from '@/pages/Brand'
import Content from '@/pages/Content'
import Case from '@/pages/Case'
import BrandTop from '@/pages/BrandTop'
import Index from '@/pages/index'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/login',
      name: 'login',
      component: Login
    },
    {
      path: '/main',
      name: 'main',
      component: Main,
      children: [
        {
          path: '/main/brand',
          name: 'Brand',
          component: Brand
        },
        {
          path: '/main/content',
          name: 'Content',
          component: Content
        },
        {
          path: '/main/case',
          name: 'Case',
          component: Case
        },
        {
          path: '/main/brandtop',
          name: 'BrandTop',
          component: BrandTop
        },
        {
          path: '/main/index',
          name: 'Index',
          component: Index
        },
      ],
    },
  ]
})
